<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
        <link type="text/css" rel="stylesheet" href="css/jquery.toolbars.css" />
        <link type="text/css" rel="stylesheet" href="css/bootstrap.icons.css" />
        <link type="text/css" rel="stylesheet" href="css/app.css" />
        <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
        <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
        <script src="js/jquery.toolbar.min.js"></script>
        <script src="js/jquery.cookie.js"></script>
        <script src="js/app.js"></script>
        <script type="text/javascript" src="https://apis.google.com/js/client.js?onload=checkAuth"></script>
        <title>SyncReader 0.1</title>
    </head>
    <body>
        <div id="toolbar">
            <div class="toolbar-left">
                <span title="Google Reader Import" class="toolbar-item">
                    <img src="img/google-reader.png" style="vertical-align: middle; margin: 2px" />
                    Import
                </span>
            </div>
            <div class="toolbar-right">
                <span title="Google Reader Import" class="toolbar-item">
                    <img src="img/google-reader.png" style="vertical-align: middle; margin: 2px;" />
                    Import
                </span>
            </div>
        </div>
        <div id="nav">
            <div id="accordion">
                
            </div>
        </div>
        <div id="content">
            
        </div>

        <div id="user-options" class="toolbar-icons" style="display: none;">
            <a href="#" title="Add Subscription"><i class="icon-plus"></i></a>
            <a href="#" title="Add Group"><i class="icon-share-alt"></i></a>
            <a href="#" title="Remove Group"><i class="icon-trash"></i></a>
            <a href="#" title="Edit Group Name"><i class="icon-edit"></i></a>
            <a href="#" title="Move up Group"><i class="icon-arrow-up"></i></a>
            <a href="#" title="Move down Group"><i class="icon-arrow-down"></i></a>
            <a href="#" title="Refresh Subscriptions"><i class="icon-refresh"></i></a>
        </div>

        <div id="ImportFromGoogleReaderDialog" title="Google Reader XML Import">
            <h3>Do you want to import xml data from Google Reader?</h3>
            <textarea id="importXml" style="width: 100%; height: 100px"></textarea>
        </div>
    </body>
</html>